<html>
<head>
	<meta charset="utf-8" />
	<title>{{ the_title }}</title>
	<link rel="stylesheet" href="static/style.css"/>
	<style>
		body {
			background-image: linear-gradient(#FFDEAD, #AFEEEE);
		}
        input::-webkit-input-placeholder{
            color:#C0C0C0;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#C0C0C0;
        }
       
        p{
        	font-size: 20px;
        	color:#838B8B;
        }

        .weather{
	        position: absolute;
	        top: 10px;
	        right: 100px;
	    }
	    button{
        	line-height:30px;
	        margin: 30px;
	        width: 130px;
	        height: 30px;
	        border-radius:13px ;
	        outline: none;
	        border: none;
	        background-image: linear-gradient(120deg, #C1FFC1 0%, #FFC1C1 100%);
            color: #FFFFFF;
        }

        button:hover{
            background-image: linear-gradient(to top, #FFC1C1 0%,#C1FFC1 100%);
        }
    </style>
</head>
<body>

	<form method="POST" action="/weather" id="login-box">
	<table class="input-box"  align="center">
		<h1 align="center">广州当前天气情况</h1>
		<p align="center">城市:<label class="weather_r">{{ the_city }}</label></p>
		<p align="center">天气:<label class="weather_r">{{ the_weather }}</label></p>
		<p align="center">温度:<label class="weather_r">{{ the_temperature }}</label></p>
	<div style="text-align:center;padding: 10px;">
		<button type="submit">刷新</button>
	</div>
	</form>
	<form method="GET" action="entry" id="login-box">
	<div style="text-align:center;padding: 10px;">
		<button type="submit">首页</button>
	</div>
	</form>
	
	</table>

</body>
</html>